<template>
	<div>
		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
			<el-tab-pane class="one" label="家政从业者列表" name="first">
				<div class="value" style="margin: 23px 0 23px 0;display: flex;flex-direction: column; ">
					<div style="display: flex;justify-content: space-around;width:100%;">
						<div class="input">
							<p style="line-height: 40px;">会员名称:</p>
							<el-input v-model="form.nickname" placeholder="请输入内容"></el-input>
						</div>
						<div class="input">
							<p style="line-height: 40px;">实名姓名:</p>
							<el-input v-model="form.name" placeholder="请输入内容"></el-input>
						</div>
						<div class="input">
							<p style="line-height: 40px;">性别:</p>
							<el-select v-model="form.sex" placeholder="请选择">
							    <el-option
							      v-for="item in options"
							      :key="item.value"
							      :label="item.lable"
							      :value="item.value">
							    </el-option>
							  </el-select>
						</div>
						<div class="input" @click="address_box=true">
							<p style="line-height: 40px;">居住地:</p>
							<el-input v-model="address" placeholder="请输入内容"></el-input>
						</div>
						<div></div>
					</div>
					<!-- <div class="title_tow" style="display:flex;justify-content: space-around;width: 100%;margin:52px 0px 29px 19px">
						<div class="block">
							<span class="demonstration">注册时间</span>
							<el-date-picker style="width:70%;" v-model="value1" type="daterange" range-separator="-"
								start-placeholder="开始日期" end-placeholder="结束日期">
							</el-date-picker>
						</div>
						<div class="input">
							<p style="line-height: 40px;">年龄段:</p>
							<el-input style="width:40%;" v-model="form.ageStart" placeholder="起始年龄段"></el-input> <span style="line-height: 40px;">至</span>
							<el-input style="width:40%;" v-model="form.ageEnd" placeholder="结束年龄段"></el-input>
						</div>
						<div class="input">
							<p style="line-height: 40px;">手机号码:</p>
							<el-input style="width:50%;" v-model="form.telnum" placeholder="请输入内容"></el-input>
						</div>
						<el-button type="primary" style="
										flex: 0.3;
									      background: #004DD5;
									  	  font-size: 17px;
									  	  font-family: PingFang SC;
									  	  font-weight: 500;
									  	  line-height: 18px;
									  	  color: #FFFFFF;" @click="query('1')">查询</el-button>
					</div> -->
					<div style="display: flex;justify-content: space-around;margin:32px 0px 7px 8px;">
						<div class="block">
						    <span class="demonstration">注册时间</span>
						    <el-date-picker
						      v-model="value1"
						      type="daterange"
							  value-format="yyyy-MM-dd HH:mm"
						      range-separator="至"
						      start-placeholder="开始日期"
						      end-placeholder="结束日期">
						    </el-date-picker>
						  </div>
						  <div class="input">
						  	<p style="line-height: 40px;width: 60px;">年龄段:</p>
						  	<el-input v-model="form.ageStart" style="width: 190px;" placeholder="请输入内容"></el-input><span style="line-height: 40px;">至</span><el-input style="width: 190px;" v-model="form.ageEnd" placeholder="请输入内容"></el-input>
						  </div>
						  <div class="input">
						  	<p style="line-height: 40px;">手机号码:</p>
						  	<el-input v-model="form.telnum" placeholder="请输入内容"></el-input>
						  </div>
						  <el-button type="primary" style="
						      width: 155px;
						      height: 42px;
						      background: #004DD5;
						  	  font-size: 17px;
						  	  font-family: PingFang SC;
						  	  font-weight: 500;
						  	  line-height: 18px;
						  	  color: #FFFFFF;" @click="query('1')">查询</el-button>
					</div>


				</div>
				<!-- <el-table :data="tableData" style="width: 100%;">
					<el-table-column prop="tdaccount" label="会员ID" width="160"></el-table-column>
					<el-table-column prop="nickname" label="会员姓名" width="160"></el-table-column>
					<el-table-column prop="name" label="实名姓名" width="160"></el-table-column>
					<el-table-column prop="idnumber" label="证件号码" width="170"></el-table-column>
					<el-table-column prop="sex" label="性别" width="170"></el-table-column>
					<el-table-column prop="birthDay" label="出生日期" width="170"></el-table-column>
					<el-table-column prop="telnum" label="手机号码" width="170"></el-table-column>
					<el-table-column prop="createTime" label="注册时间" width="170"></el-table-column>
					<el-table-column label="操作" width="300">
						<template slot-scope="scope">
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="resume(scope.row)">简历</el-button>
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="comment(scope.row)">点评</el-button>
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="block_box=true">拉黑</el-button>
						</template>
					</el-table-column> -->
					<el-table :data="tableData" style="width: 100%">
					     <el-table-column 
					       label="会员ID"
							prop="tdaccount"
					       width="180">
					     </el-table-column>
					     <el-table-column
					       prop="nickname"
					       label="会员姓名"
					       width="180">
					     </el-table-column>
					     <el-table-column
					       prop="name"
					       label="实名姓名">
					     </el-table-column>
							  <el-table-column
							    prop="idnumber"
							    label="证件号码"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="sex"
							    label="性别"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="birthDay"
							    label="出生日期">
							  </el-table-column>
							  <el-table-column
							    prop="telnum"
							    label="手机号码">
							  </el-table-column>
							  <el-table-column
							    prop="createTime"
							    label="注册时间">
							  </el-table-column>
							 <el-table-column prop="date" label="操作" width="180">
							 	<template slot-scope="scope">
							 		<el-button  type="text" size="small"
							 			@click="resume(scope.row)">简历</el-button>
							 		<el-button  type="text" size="small"
							 			@click="comment(scope.row)">点评</el-button>
							 		<el-button  type="text" size="small"
							 			@click="block_box=true">拉黑</el-button>
							 	</template>
							 </el-table-column>
					   </el-table>
				</el-table>
			</el-tab-pane>
			<el-tab-pane label="黑名单" name="second">
				<div class="value" style="margin: 23px 0 23px 0;display: flex;flex-direction: column; ">
					<div style="display: flex;justify-content: space-around;">
						<div class="input">
							<p style="line-height: 40px;">会员名称:</p>
							<el-input v-model="form.nickname" placeholder="请输入内容"></el-input>
						</div>
						<div class="input">
							<p style="line-height: 40px;">实名姓名:</p>
							<el-input v-model="form.name" placeholder="请输入内容"></el-input>
						</div>
						<div class="input">
							<p style="line-height: 40px;">性别:</p>
							<el-select v-model="form.sex" placeholder="请选择">
							    <el-option
							      v-for="item in options"
							      :key="item.value"
							      :label="item.lable"
							      :value="item.value">
							    </el-option>
							  </el-select>
						</div>
						<div class="input" @click="address_box=true">
							<p style="line-height: 40px;">居住地:</p>
							<el-input v-model="address" placeholder="请输入内容"></el-input>
						</div>
						<div></div>
					</div>
					<div style="display: flex;justify-content: space-around;margin: 32px 0 7px 8px;">
						<div class="block">
							<span class="demonstration">注册时间</span>
							<el-date-picker v-model="value1" type="daterange" range-separator="至"
								start-placeholder="开始日期" end-placeholder="结束日期">
							</el-date-picker>
						</div>
						<div class="input">
							<p style="line-height: 40px;width: 60px;">年龄段:</p>
							<el-input style="width: 190px;" v-model="form.ageStart" placeholder="起始年龄段"></el-input> <span style="line-height: 40px;">至</span>
							<el-input style="width: 190px;" v-model="form.ageEnd" placeholder="结束年龄段"></el-input>
						</div>
						<div class="input">
							<p style="line-height: 40px;">手机号码:</p>
							<el-input v-model="form.telnum" placeholder="请输入内容"></el-input>
						</div>
						<el-button type="primary" style="
			  		        width: 155px;
			  		      height: 42px;
			  		      background: #004DD5;
			  		  	  font-size: 17px;
			  		  	  font-family: PingFang SC;
			  		  	  font-weight: 500;
			  		  	  line-height: 18px;
			  		  	  color: #FFFFFF;" @click="query('2')">查询</el-button>
					</div>


				</div>
				<!-- <el-table :data="tableData" style="width: 100%;">
					<el-table-column prop="tdaccount" label="会员ID" width="160"></el-table-column>
					<el-table-column prop="nickname" label="会员姓名" width="160"></el-table-column>
					<el-table-column prop="name" label="实名姓名" width="160"></el-table-column>
					<el-table-column prop="idnumber" label="证件号码" width="170"></el-table-column>
					<el-table-column prop="sex" label="性别" width="170"></el-table-column>
					<el-table-column prop="birthDay" label="出生日期" width="170"></el-table-column>
					<el-table-column prop="telnum" label="手机号码" width="170"></el-table-column>
					<el-table-column prop="createTime" label="注册时间" width="170"></el-table-column>
					<el-table-column label="操作" width="300">
						<template slot-scope="scope">
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="resume(scope.row)">简历</el-button>
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="comment(scope.row)">点评</el-button>
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="unblack(scope.row)">撤销拉黑</el-button>
						</template>
					</el-table-column>
				</el-table> -->
				<el-table :data="tableData" style="width: 100%">
				     <el-table-column 
				       label="会员ID"
						prop="tdaccount"
				       width="180">
				     </el-table-column>
				     <el-table-column
				       prop="nickname"
				       label="会员姓名"
				       width="180">
				     </el-table-column>
				     <el-table-column
				       prop="name"
				       label="实名姓名">
				     </el-table-column>
						  <el-table-column
						    prop="idnumber"
						    label="证件号码"
						    width="180">
						  </el-table-column>
						  <el-table-column
						    prop="sex"
						    label="性别"
						    width="180">
						  </el-table-column>
						  <el-table-column
						    prop="birthDay"
						    label="出生日期">
						  </el-table-column>
						  <el-table-column
						    prop="telnum"
						    label="手机号码">
						  </el-table-column>
						  <el-table-column
						    prop="createTime"
						    label="注册时间">
						  </el-table-column>
						 <el-table-column prop="date" label="操作" width="180">
						 <template slot-scope="scope">
						 	<el-button type="text" size="small"
						 		@click="resume(scope.row)">简历</el-button>
						 	<el-button type="text" size="small"
						 		@click="comment(scope.row)">点评</el-button>
						 	<el-button type="text" size="small"
						 		@click="unblack(scope.row)">撤销拉黑</el-button>
						 </template>
						 </el-table-column>
				   </el-table>
			</el-tab-pane>

		</el-tabs>
		<!-- 简历弹框 -->
		<el-dialog title="" :visible.sync="resumeinf" width="1252px">
			<div slot="title" class="header-title">
			          ({{i.name}})的简历
			        </div>
			<div class="content">
				<!-- 基本信息 -->
				<div class="content-title">
					<div class="left">
						<div style="margin-right: 15%;">
							<p>基本信息</p>
							<div style="width: 100%;display: flex;">
								<div style="width: 172px;
						 height: 178px;
						 background: #FFFFFF;"><img src="../../purpleLight/build/logo.png" /></div>
								<div>
								</div>
							</div>
						</div>
						<div style="display: flex;flex-direction: column;margin-top: 30px;">
							<div style="margin-bottom: 25px;"><span style="font-size: 27px;
                                           font-family: PingFang SC;
                                           font-weight: bold;
                                           line-height: 38px;
                                           color: #000000;">姓名</span>
								<span style="font-size: 17px;
                                           font-family: PingFang SC;
                                           font-weight: 500;
                                           line-height: 20px;
                                           color: #000000;">({{i.name}})</span>
							</div>
							<div><span class="th">性别：</span><span class="td">{{i.sex}}</span></div>
							<div><span class="th">年龄：</span><span class="td">{{i.Age}}</span></div>
							<div><span class="th">居住地：</span><span class="td">{{i.domicileAddress}}</span></div>
							<div><span class="th">状态：</span><span class="td">正在找工作</span></div>
						</div>
					</div>
					<div class="right">
						<div style="width: 100%;margin: 95px;">
							<div><span class="th">民族：</span><span class="td">汉</span></div>
							<div><span class="th">籍贯：</span><span class="td">山东</span></div>
							<div><span class="th">身份证号码：</span><span class="td">{{i.idnumber}}</span></div>
							<div><span class="th">手机号码：</span><span class="td">{{i.telnum}}</span></div>
						</div>

					</div>
				</div>
				<!-- 个人情况 -->
				<div class="content-center">
					<p
						style="font-size: 26px;font-family: PingFang SC;font-weight: bold;line-height: 37px;color: #333333;">
						个人情况</p>
					<div class="tab">
						<div>
							<div><span class="th">生肖：</span><span class="td">猪</span></div>
							<div><span class="th">身高：</span><span class="td">168cm</span></div>
							<div><span class="th">体重：</span><span class="td">55kg</span></div>
							<div><span class="th">血型：</span><span class="td">o型血</span></div>
						</div>
						<div>
							<div><span class="th">学历：</span><span class="td">本科</span></div>
							<div><span class="th">紧急联系人：</span><span class="td">小明</span></div>
							<div><span class="th">紧急联系人电话：</span><span class="td">15202120781</span></div>
							<div><span class="th">社保：</span><span class="td">缴纳</span></div>
						</div>
						<div>
							<div><span class="th">精神病史：</span><span class="td">无</span></div>
							<div><span class="th">重大疾病史：</span><span class="td">无</span></div>
							<div><span class="th">失信记录：</span><span class="td">无</span></div>
							<div><span class="th">犯罪记录：</span><span class="td">无</span></div>
						</div>
						<div>
							<div><span class="th">打呼轻重：</span><span class="td">不打呼</span></div>

						</div>

					</div>
				</div>
				<!-- 求职意向 -->
				<div class="content-center">
					<p
						style="font-size: 26px;font-family: PingFang SC;font-weight: bold;line-height: 37px;color: #333333;">
						求职意向</p>
					<div style="display: flex;width: 100%;justify-content: space-evenly;">
						<div><span class="th">职位名称：</span><span class="td">保姆</span></div>
						<div><span class="th">工作地点：</span><span class="td">上海闵行区</span></div>
						<div><span class="th">期望薪资：</span><span class="td">7千-8千</span></div>
					</div>
					<div style="display: flex;width: 100%;justify-content: space-evenly;">
						<div><span class="th">职位名称：</span><span class="td">保姆</span></div>
						<div><span class="th">工作地点：</span><span class="td">上海闵行区</span></div>
						<div><span class="th">期望薪资：</span><span class="td">7千-8千</span></div>
					</div>
				</div>
				<!-- 工作经历 -->
				<div class="experience">
					<p
						style="font-size: 26px;font-family: PingFang SC;font-weight: bold;line-height: 37px;color: #333333;">
						工作经历</p>
					<div class="experience-content" v-for="item in 2">
						<div style="display: flex;justify-content: space-around;">
							<div>
								<span class="quan"></span>
								<span
									style="font-size: 26px;font-family: PingFang SC;font-weight: bold;line-height: 37px;color: #333333;">上海发才网络信息技术有限公司</span>
							</div>
							<div
								style="font-size: 26px;font-family: PingFang TC;font-weight: 400;line-height: 37px;color: #A1A1A1;">
								<span>UI设计师</span><span>·</span><span>设计部</span>
							</div>
							<div
								style="font-size: 26px;font-family: PingFang TC;font-weight: 400;line-height: 37px;color: #A1A1A1;">
								<span>2017/09-至今</span>
							</div>
						</div>
						<div style="margin:13px 0 0 110px;width: 896px;">
							<div v-for="item in 3" style="
						   width: 100%;font-size: 24px;
						   font-family: PingFang TC;
						   font-weight: 400;
						   line-height: 33px;
						   color: #333333;"><span>1、</span><span>主要负责移动平台或PC端UI交互设计;</span></div>
						</div>

					</div>
				</div>
				<!-- 培训经历 -->
				<div class="train">
					<p style="font-size: 26px;font-family: PingFang SC;font-weight: bold;line-height: 37px;color: #333333;">
						培训经历</p>
					<div class="train-content" v-for="item in 2">
						<div style="display: flex;justify-content:space-between;">
							<div>
								<span class="quan"></span>
								<span
									style="font-size: 26px;font-family: PingFang SC;font-weight: 500;line-height: 37px;color: #333333;">xxx培训机构</span>
							</div>
							<div
								style="font-size: 26px;font-family: PingFang TC;font-weight: 400;line-height: 37px;color: #A1A1A1;">
								<span>2017/09-2018/09</span>
							</div>
						</div>
						<div
							style="font-size: 24px;font-family: PingFang TC;font-weight: 400;line-height: 33px;color: #A1A1A1;margin: 13px 0 0 35px;">
							xxx培训岗位</div>
					</div>
				</div>
				<!-- 自我评价 -->
				<div class="evaluation">
					<p
						style="font-size: 26px;font-family: PingFang SC;font-weight: bold;line-height: 37px;color: #333333;">
						自我评价</p>
					<div class="text">
						<p>发才网”已正式上线，全国前1000家合作单位将永久享受8折优惠；发才网成功突破1亿用户后，再奖励前1000家合作单位各5万元招聘费用！无论您的企业招聘何种岗位人才，我们都以招聘到岗且上班满一个月后才收取一次性的月工资10％起的服务费，本平台通过全方位、大数据、八维度智能配对，让您秒获人才、十里挑一，帮助您的企业降本增效。
						</p>
					</div>
				</div>
				<!-- 个人爱好 -->
				<div class="evaluation">
					<p
						style="font-size: 26px;font-family: PingFang SC;font-weight: bold;line-height: 37px;color: #333333;">
						个人爱好</p>
					<div class="text">
						<p>发才网”已正式上线，全国前1000家合作单位将永久享受8折优惠；发才网成功突破1亿用户后，再奖励前1000家合作单位各5万元招聘费用！无论您的企业招聘何种岗位人才，我们都以招聘到岗且上班满一个月后才收取一次性的月工资10％起的服务费，本平台通过全方位、大数据、八维度智能配对，让您秒获人才、十里挑一，帮助您的企业降本增效。
						</p>
					</div>
				</div>
			</div>

		</el-dialog>
		<!-- 点评弹出框 -->
		<el-dialog :visible.sync="comment_box" width="1269px">
			<div class="comment">
				<div class="comment-item" v-for="(item,index) in Comment_list":key="index">
					<span class="anniu">从业者</span><span class="dian one"></span><span style="
				display: inline-block;
				margin: 10px 0 0 48px;
				font-size: 14px;
				font-family: PingFang SC;
				font-weight: 500;
			    line-height: 20px;
				color: #000000;">{{item.name}}</span>
				<el-button class="del" style="background: #FF0000;" type="danger" @click="onSubmit(item)">删除</el-button>
				<div class="text"><textarea>{{item.content}}</textarea></div>
				<div style="font-size: 18px;
				 font-family: PingFang SC;
				 font-weight: 500;
				 position: absolute;
				 bottom: 0;
				 right: 0;
				 margin-right: 30px;
				 line-height: 25px;
				 color: #7B7B7B;">{{item.createTime}}</div>
				</div>
			</div>
		</el-dialog>
		<!-- 拉黑弹框 -->
		<el-dialog :visible.sync="block_box" width="571px">
			<div class="block-box">
				<p style="font-size: 26px;
			            font-family: PingFang SC;
			            font-weight: 500;
			            text-align: center;
						padding-bottom: 11px;
						border-bottom: 1px solid #D8D8D8;
			            line-height: 37px;
			            color: #000000;">拉黑</p>
				<div class="block-box-center">
					<p>拉黑原因</p>
					<textarea></textarea>
				</div>
				<el-button>确定</el-button>
			</div>

		</el-dialog>
		<!-- 撤销拉黑弹框 -->
		<el-dialog title="提示" center :visible.sync="unblock_box" width="571px">

			<div class="unblock-box">
				<p style="font-size: 26px;
		                font-family: PingFang SC;
		                font-weight: 300;
		                line-height: 37px;
		                color: #000000;
			            text-align: center;
						padding-bottom: 11px;
						border-bottom: 1px solid #D8D8D8;
			            ;">确认撤销拉黑以下雇主？</p>
				<p style="
			text-align: center;
			font-size: 36px;
			font-family: PingFang SC;
			font-weight: 500;
			line-height: 203px;
			color: #000000;
			">{{blackfrom.name}}</p>
				<el-button style="">确定</el-button>
			</div>
		</el-dialog>
		<!-- 地址弹框 -->
		<el-dialog title="提示" center :visible.sync="address_box" width="571px">
			<van-area v-on:confirm="confirm1" :area-list="areaList" />
		</el-dialog>
	</div>

</template>
<script>
	import Vue from 'vue';
	import {Area} from 'vant';
	import 'vant/lib/index.css';
	import {areaList} from '@vant/area-data';
	import '@vant/touch-emulator';
	Vue.use(Area);
	export default {
		data() {
			return {
				blackfrom:{},//拉黑和撤销拉黑所用信息
				options:[{
					value:'1',
					lable:'男'
				},{
					value:'2',
					lable:'女'
				}],
				Comment_list:[],//点评列表
				i:{},//简历信息
				areaList,
				address_box: false,
				address: '', //居住地
				unblock_box: false, //撤销拉黑弹框
				block_box: false, //拉黑弹框
				comment_box: false, //点评弹框
				resumeinf: false, //雇主信息弹框
				value1: '',
				activeName: 'first',
				tableData: [],
				form: {
					ageEnd: '', //结束年龄段
					ageStart: '', //起始年龄段
					condition: '', //拉黑状态
					endTime: '', //注册结束的时间
					name: '', //实名姓名
					addressProvince: '',
					addressCity: '',
					addressCounty: '',
					nickname: '', //会员姓名
					sex: '', //性别
					startTime: '', //注册起始时间
					telnum: '', //手机号码
				}
			};
		},
		methods: {
			unblack(row){
				this.unblock_box=true;
				this.blackfrom = row;
				console.log(row)
			},
			confirm1(res) {
				this.form.addressProvince = res[0].name;
				this.form.addressCity = res[1].name;
				this.form.addressCounty = res[2].name;
				this.address_box = false;
				this.address = this.form.addressProvince + '-' + this.form.addressCity + '-' + this.form.addressCounty;
			},
			query(e) {
				console.log(this.form)
				this.form.condition = e;
				this.form.startTime = this.value1[0];
				this.form.endTime = this.value1[1];
				this.$houseAxios.post('/house/pcpracti/selectPractitionerList', {
					condition: this.form.condition,
					addressProvince:this.form.addressProvince,
					addressCity:this.form.addressCity,
					addressCounty:this.form.addressCounty,
					ageEnd: this.form.ageEnd,
					ageStart: this.form.ageStart,
					endTime: this.form.endTime,
					name: this.form.name,
					nickname: this.form.nickname,
					sex: this.form.sex,
					startTime: this.form.startTime,
					telnum: this.form.telnum,
				}).then(res => {
					this.tableData = res.data.data;
					this.tableData.forEach(e=>{
						if(e.sex=='1'){
							e.sex='男';
						}else{e.sex='女'}
					})
				}).catch(err => {})
			},
			onSubmit(row) {
				console.log(row)
				 this.$houseAxios.get('/house/pcpracti/deleteEmployerByEmployerId', {
				 	params:{
				 		"employerId": row.employerId,
				 	}
				 }).then(res=>{
				 	console.log(res)
				 	if(res.data.code==1000){
				this.comment(row,1)
				 	}
				 }).catch(err=>{})
			},
			handleClick(tab, event) {
				this.form = {};
				this.address='';
				if (tab.label == '家政从业者列表') {
					this.get_list('1')
				} else if (tab.label == '黑名单') {
					this.get_list('2')
				}
			},
			comment(row,e) {
				this.comment_box = true;
				if(e===1){
					this.$houseAxios.get('/house/pcpracti/selectPcPraEmpList', {
						params:{
							"evaluatedId": row.evaluatedId,
						}
					}).then(res=>{
						// console.log(res)
						this.Comment_list = res.data.data
					}).catch(err=>{})
				}else{
					this.$houseAxios.get('/house/pcpracti/selectPcPraEmpList', {
						params:{
							"evaluatedId": row.userId,
						}
					}).then(res=>{
						// console.log(res)
						this.Comment_list = res.data.data
					}).catch(err=>{})
				}
				
			},
			resume(row) {
				console.log(row)
				this.resumeinf = true;
				this.i = row;
				var date=new Date;
				var year=date.getFullYear(); 
				this.i.Age=year-Number(this.i.birthDay.substring(0,4));
				console.log(this.i.Age)
			},
			get_list(e) {
				this.$houseAxios.post('/house/pcpracti/selectPractitionerList', {
					"condition": e,
				}).then(res => {
					console.log(res)
					this.tableData = res.data.data;
					console.log(this.tableData)
					this.tableData.forEach(e=>{
						e.createTime = e.createTime.substring(0,19)
						if(e.sex=='1'){
							e.sex='男';
						}else{e.sex='女'}
					})
				}).catch(err => {})
			},
		},
		created() {
			this.get_list('1')
		}
	};
</script>

<style scoped="scoped">
	/deep/.el-input__inner{
		height: 33px;
		margin-top: 3px;
	}
	/deep/.el-range-editor.el-input__inner{
		height: 33px;
		margin-top: 3px;
	}
	/deep/.el-dialog__headerbtn{
		top: 2px;
		right: 2px;
	}
	/deep/.el-tabs--card>.el-tabs__header {
		border: none;
	}

	/deep/.el-tabs--card>.el-tabs__header {
		border: none;
	}
	/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav{
	border: none;
}
	/deep/.el-tabs__content {
		height: 855px;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
	}

	/deep/.el-table td {
		text-align: center;
		font-size: 16px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 22px;
		color: #000000;
	}

	/deep/.el-tabs__item {
		width: 111px;
		height: 46px;
		border-radius: 5px;
		text-align: center;
		font-size: 17px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 40px;
		color: #000000;
	}
	.el-tabs {
		width: 95%;
		margin: 2% auto;
	}
	/deep/.el-tabs__item.is-active {
		background: #004DD5;
		color: white;
	}

	/deep/.el-tabs--card>.el-tabs__header .el-tabs__item {
		margin-right: 20px;
		border: none;
		width: 180px;
	}

	/deep/.el-table th {
		background-color: #004DD5;
		font-size: 17px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 16px;
		text-align: center;
		color: #FFFFFF;
	}

	/deep/.el-table td {
		text-align: center;
		font-size: 13px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 22px;
		color: #000000;
	}
	/deep/.el-dialog{
		overflow: auto;
		margin-top:7vh !important;
	}
	/deep/.el-dialog__title,.header-title {
		font-size: 32px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45px;
		display: inline-block;
		margin:1% 0 0 2%;
	}
	img {
		width: 100%;
		height: 100%;
	}
	.content>div{
		    padding: 30px;
		    border-bottom: 1px dashed #707070;
	}
	.content>div:nth-last-child(-n+1){
		border: none;
	}
	.content {
		/* height: 2470px; */
		/* padding: 30px; */
		position: relative;
	}

	.content>.content-title {
		width: 100%;
		height: 410px;
		/* border: 1px dashed #707070; */
		display: flex;
		justify-content: space-between;
	}

	.content>.content-title>div {
		/* border: 1px solid red; */
		height: 100%;
		flex: 1;
		display: flex;
		justify-content: space-between;
	}

	.content>.content-title>.left>div>p {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight:500;
		line-height: 37px;
		color: #333333;
	}

	.content-center {
		width: 100%;
		height: 285px;
		/* border: 1px dashed #707070; */
		margin-top: 25px;
	}

	.content-center>.tab {
		display: flex;
		justify-content: space-between;
	}

	.content-center>.tab>div {
		display: flex;
		flex-direction: column;
	}

	.experience {
		width: 100%;
		/* border: 1px dashed #707070; */
	}

	.experience-content {
		margin-bottom: 20px;
	}

	.quan {
		margin-right: 20px;
		display: inline-block;
		width: 11px;
		height: 11px;
		border: 1px solid #E91E14;
		border-radius: 50%;
		opacity: 0.8;
	}

	.train {
		width: 100%;
	}

	.train-content {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.evaluation {
		width: 100%;
	}

	.evaluation>.text {
		width: 1106px;
		font-size: 24px;
		font-family: PingFang TC;
		font-weight: 400;
		line-height: 33px;
		color: #333333;
	}
































	.th {
		font-size: 25px;
		font-family: PingFang TC;
		font-weight: 400;
		line-height: 50px;
		color: #999999;
	}

	.td {
		font-size: 25px;
		font-family: PingFang TC;
		font-weight: 400;
		line-height: 50px;
		color: #333333;
	}

	.input {
		display: flex;
	}

	.input>p {
		width: 100px;
		text-align: center;
	}

	.store-title-bottom>p {
		font-size: 32px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45px;
		color: #000000;
		text-align: center;
	}

	.store-title-bottom>.information {
		display: flex;
		flex-direction: column;
	}

	.information>div {
		margin: 20px;
	}

	.information>div>span:nth-child(1) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #676767;
		display: inline-block;
		width: 150px;
	}

	.information>div>span:nth-child(2) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #000000;
	}

	.information>p {
		margin: 20px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #676767;
	}

	.PhotoId>div {
		display: inline-block;
		width: 400px;
		height: 300px;
	}

	.PhotoId>div>img {
		width: 100%;
		height: auto;
	}

	.comment {
		width: 1122px;
		height: 915px;
		/* border: 1px solid; */
		margin: 0 auto;
		margin-top: 55px;
	}


	.comment-item {
		height: 141px;
		width: 100%;
		position: relative;
		border: 1px solid #707070;
		border-radius: 5px;
		padding: 16px;
		margin-bottom:2%;
	}

	.comment-item>span {
		margin: 4px;
	}

	.anniu {
		display: inline-block;
		width: 50px;
		height: 27px;
		background: #004EFF;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 20px;
		color: #FFFFFF;
		border-radius: 5px;
		text-align: center;
	}

	.dian {
		display: inline-block;
		width: 33px;
		height: 33px;
		background: #000000;
		border: 1px solid #000000;
		border-radius: 50%;
		position: absolute;
	}

	.del {
		position: absolute;
		right: 0;
		margin-right: 10px;
	}

	.text {
		margin: 22px 0 0 79px;
	}

	.text>textarea {
		width: 708px;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 25px;
		color: #000000;
		border: none;
	}

	.block-box {
		height: 471px;
	}

	.block-box-center {
		margin: 0 auto;
		margin-top: 35px;
		width: 503px;

	}

	.block-box-center>p {
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 28px;
		color: #434343;
	}

	.block-box-center>textarea {
		width: 503px;
		height: 168px;
		background: #FFFFFF;
		margin-top: 12px;
	}

	.block-box>.el-button {
		width: 186px;
		height: 41px;
		background: #004DD5;
		border: 1px solid #707070;
		opacity: 1;
		border-radius: 5px;
		display: inherit;
		margin: 80px auto;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}

	.unblock-box {
		height: 327px;
	}

	.unblock-box>.el-button {
		width: 186px;
		height: 41px;
		background: #004DD5;
		border: 1px solid #707070;
		opacity: 1;
		border-radius: 5px;
		display: block;
		margin: 30px auto;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}
	.title_tow>div{
		flex: 1;
		margin: 0 auto;
		text-align: center;
	}
</style>
